(function($) {

	//添加左边单击事件
	$("ul#noRelation").on("click", "li", function() {
		if($(this).attr("class").indexOf("click-style") >= 0) {
			$(this).removeClass("click-style");
		} else {
			$(this).addClass("click-style");
		}
	});

	//添加左边单击事件
	$("ul#relation").on("click", "li", function() {
		if($(this).attr("class").indexOf("click-style") >= 0) {
			$(this).removeClass("click-style");
		} else {
			$(this).addClass("click-style");
		}
	});

	//单个（未关联-->已关联）
	$("#add-one").click(function() {
		$("#noRelation li").each(function() {
			if($(this).attr("class").indexOf("click-style") >= 0) {
				var siteNames = $("#noRelation li").eq($(this).index()).html();
				var $this = $(this);
				var siteNameArr = [];
				siteNameArr.push(siteNames)
				ajaxGet({
					url: 'monitordata/addSiteConfig',
					data: {
						siteNames: siteNameArr,
						reportIndex: reportIndex
					},
					successFull: function(res, curr, count) {
						console.log(111);
						//移除未关联中的内容
						$("#noRelation li").eq($this.index()).remove();
						//添加在已关联中
						//							$("#relation").append("<li class='m5' value=" + $this.attr('value') + ">" + $this.text() + "</li>");
						$.ajax({
							url: baseUrl + "/monitordata/getSiteConfigList",
							type: "POST",
							data: {
								"reportIndex": reportIndex
							},
							async: false,
							success: function(data) {
								var str = "";
								if(data.length != 0) {
									for(var i = 0; i < data.length; i++) {
										str += "<li class='m5' siteId=" + data[i].id + ">" + data[i].siteName + "</li>"
									};
									$("#relation").html(str);
								};
							}
						});
					},
					errCallBack: function(res) {
						layer.msg(res.msg, {
							icon: 6
						});
					}
				})

			}
		});

	});

	//单个（已关联-->未关联）
	$("#remove-one").click(function() {
		$("#relation li").each(function() {
			if($(this).attr("class").indexOf("click-style") >= 0) {
				var ids = $("#relation li").eq($(this).index()).attr("siteId");
				var $this = $(this);
				console.log(ids)
				ajaxGet({
					url: 'monitordata/delSiteConfig',
					data: {
						ids: ids,
					},
					successFull: function(res, curr, count) {
						console.log(111);
						//移除已关联中的内容
						$("#relation li").eq($this.index()).remove();
						//添加在未关联中
						$("#noRelation").append("<li class='m5' siteId=" + $this.attr('siteId') + " value=" + $this.attr('value') + ">" + $this.text() + "</li>");
					},
					errCallBack: function(res) {
						layer.msg(res.msg, {
							icon: 6
						});
					}
				});
			}
		});
	});

	//全部（未关联-->已关联）--新增
	$("#add-all").click(function() {
		//页面效果实现
		var siteNameArr = [];
		var ids = [];
		$("#noRelation li").each(function() {
			siteNameArr.push($("#noRelation li").eq($(this).index()).html());
		});

		ajaxGet({
			url: 'monitordata/addSiteConfig',
			data: {
				siteNames: siteNameArr,
				reportIndex: reportIndex
			},
			successFull: function(res, curr, count) {
				$("#noRelation li").each(function(i, item) {
					//移除未关联中的内容
					//					$("#noRelation li").eq($(this).index()).remove();
					$(item).remove();
				});
				$.ajax({
					url: baseUrl + "/monitordata/getSiteConfigList",
					type: "POST",
					data: {
						"reportIndex": reportIndex
					},
					async: false,
					success: function(data) {
						console.log(data);
						var str = "";
						if(data.length != 0) {
							for(var i = 0; i < data.length; i++) {
								str += "<li class='m5' siteId=" + data[i].id + ">" + data[i].siteName + "</li>"
							};
							$("#relation").html(str);
						};
					}
				});
			},
			errCallBack: function(res) {
				layer.msg('新增关联失败', {
					icon: 5
				});
			}
		});
	});

	//全部（已关联-->未关联）--删除
	$("#remove-all").click(function() {
		var ids = '';
		$("#relation li").each(function(i) {
			ids += $("#relation li").eq($(this).index()).attr("siteId") + ',';
			if(i == $("#relation li").length - 1) {
				ids += $("#relation li").eq($(this).index()).attr("siteId");
			}
		});
		ajaxGet({
			url: 'monitordata/delSiteConfig',
			data: {
				ids: ids,
			},
			successFull: function(res, curr, count) {
				$("#relation li").each(function(i, item) {
					//			//移除已关联中的内容
					$(item).remove();
					//添加在未关联中
					$("#noRelation").append("<li class='m5' siteId=" + $(item).attr('siteId') + " value=" + $(item).html() + ">" + $(item).text() + "</li>");
				});
			},
			errCallBack: function(res) {
				layer.msg('解除关联失败', {
					icon: 5
				});
			}
		});
	});

})($);

//(function($){
//	//添加左边单击事件
//	$("ul#noRelation").on("click","li",function(){
//		if($(this).attr("class").indexOf("click-style")>=0){
//			$(this).removeClass("click-style");
//		}else{
//			$(this).addClass("click-style");
//		}
// 	});
//	//添加左边单击事件
//	$("ul#relation").on("click","li",function(){
//		if($(this).attr("class").indexOf("click-style")>=0){
//			$(this).removeClass("click-style");
//		}else{
//			$(this).addClass("click-style");
//		}
// 	});
//	//单个（未关联-->已关联）
//	$("#add-one").click(function(){
//		$("#noRelation li").each(function(){
//			if($(this).attr("class").indexOf("click-style")>=0){
//				//移除未关联中的内容
//				$("#noRelation li").eq($(this).index()).remove();
//				//添加在已关联中
//				$("#relation").append("<li class='m5' value="+$(this).attr('value')+">"+$(this).text()+"</li>");
//			}
//		}); 
//		
//	});
//	//单个（已关联-->未关联）
//	$("#remove-one").click(function(){
//		$("#relation li").each(function(){
//			if($(this).attr("class").indexOf("click-style")>=0){
//				//移除已关联中的内容
//				$("#relation li").eq($(this).index()).remove();
//				//添加在未关联中
//				$("#noRelation").append("<li class='m5' value="+$(this).attr('value')+">"+$(this).text()+"</li>");
//			}
//		});
//	});
//
//	//全部（未关联-->已关联）
//	$("#add-all").click(function(){
//		//页面效果实现
//		$("#noRelation li").each(function(){
//			//移除未关联中的内容
//			$("#noRelation li").eq($(this).index()).remove();
//			//添加在已关联中
//			$("#relation").append("<li class='m5' value="+$(this).attr('value')+" >"+$(this).text()+"</li>");
//		}); 
//	});
//	//全部（已关联-->未关联）
//	$("#remove-all").click(function(){
//		$("#relation li").each(function(){
//			//移除已关联中的内容
//			$("#relation li").eq($(this).index()).remove();
//			//添加在未关联中
//			$("#noRelation").append("<li class='m5' value="+$(this).attr('value')+">"+$(this).text()+"</li>");
//		});
//	});
//})($)